<!Doctype html>
<html lang="zh">

    <head>
        <meta charset="UTF-8">
        <title>Index Page</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
        <!--[if lt IE 9]>
	        <script src="js/html5shiv.min.js"></script>
	        <script src="js/respond.min.js"></script>
        <![endif]-->
        <style type="text/css" media="screen">
            body {
                font-family: "Microsoft Yahei", Console, "Helvetica Neue", Helvetica, Arial, sans-serif;
                /*padding-top: 60px;*/
            }
        </style>
        <script src="js/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#btnLoad").click(function() {
                    $.get('data.html', function(data) {
                        $('#content').html(data);
                    });
                });
            });
        </script>
    </head>

    <body>
        <div class="container">
            <button id="btnLoad">载入内容</button>
            <div id="content"></div>
        </div>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.serializejson.min.js"></script>
        <script src="js/jquery.json.js"></script>
        <script src="js/json2.js"></script>
    </body>

</html>
